body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

.main-body{
	background:#e9eaeb;
	color:#000;
}

#main-container{
	padding-top:0px;
	margin-top:10px;
}
.main-content{
	background:#fff;
	min-height:500px;
}

.section_title{
	background: #e9eaeb;
	margin-top:0px;
}

.section_foot{
	background: #e9eaeb;
}
.home_shadow{
	box-shadow:1px 1px 1px #e9e9e9;	
}

.navbar-inverse{
	background-color:#fff;
	border-color:#eee;
}
.navbar-inverse .navbar-nav>li>a{
	color:#336699
}

.navbar-inverse .navbar-nav>li>a:focus{
	color: #red;
    background-color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #336699;
}

.navbar-inverse .navbar-nav>li>a:active {
    color: #fff;
    background-color: #336699;
}
.navbar-inverse .navbar-brand{
	color:#ffffff
}

.navbar-blue{
	background-color:#2fa3e6;
	border-color:#fff;
	margin-bottom:0px;
}
.navbar-blue .navbar-nav>li>a{
	color:#fff
}

.navbar-blue .navbar-nav>li>a:focus{
	color: #fff;
    background-color: #336699;
}

.navbar-blue .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #336699;
}

.navbar-blue .navbar-nav>li>a:active {
    color: #2fa3e6;
    background-color: #fff;
}
.navbar-blue .navbar-brand{
	color:#ffffff
}

.navbar-light{
	background-color:#fff;
	box-shadow:0 1px 2px 0 rgba(0,0,0.1);
	webkit-box-shadow:0 1px 2px 0 rgba(0,0,0.1);
	color:#3a6291;	
	margin:0 auto;
}

.navbar-light-stage{
	position:relative;	
	text-align:center;
	padding:20px 0;
}

.navbar-light-stage .nav-stage{
	display:inline-block;
	width:10%;
}

.navbar-light-stage .active .custom-title{
	color				: #fff;
	background-color	: #337ab7;
}

div.title {
  /* fallback */
  background-color: #1a82f7;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);

  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);
}
 .portal-zouma-image
        {
            width: 100%;
            height: 180px;           
            overflow: hidden;
            margin-bottom:5px;
        }

            .portal-zouma-image img
            {                
                height: 180px;
                margin:0px 2px;
            }

            .portal-zouma-image ul
            {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
            }

                .portal-zouma-image ul li
                {
                    float: left;
                }
            
.portal-slide-image{
 	width:100%;
 	height:210px;
 }
 
.col-img { float: left; width: 100%; padding:0 5px 5px 0;height:235px; }
	
.col-img img{		
	width: 100%;
	height:230px; 
}
	
div.articles_date {
	line-height:2em;
	
	text-align:right;					
}
	
div.articles_contents {
	line-height:2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#000;		
}

.red {
	color:#336699;
	text-shadow:
		
		0 3px 1px #fff,
		0 0px 3px #eee,
		0 1px 3px #ffffee,
		0 2px 3px #eeffff,
		0 3px 5px #000,
		0 5px 7px #000;
}



span.more{
	color:orange;
	float:right;	
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

/*header*/
.hd_logo{padding:14px 0 0 0;float:left;}
.hd_tit{padding:30px 0 0 13px;float:left;}
.hd_phone{padding:25px 0 0 0;position:relative;z-index:1}


span.project-title{
	color:#fff;
	line-height:1em;
	text-shadow:
		1px 1px #61b4de,
		2px 2px #91c467;
}

span.system-title{
	color:blue;
	margin-left:2px;
	line-height:1em;
	text-shadow:
		1px 1px #61b4de,
		2px 2px #91c467;
}

span.system-shadow{
	background-color:transparent;
	font-weight:bold;
	color:#eee;
	text-shadow:
		0 1px 1px rgba(255,255,255,1),
		0 -1px 1px blue;
		
	line-height:1em;
	
}

/* 竖线分隔符 */
span.title-split{	
	height:30px;
	width:2px;
	margin:0px;
	border-right:1px #ddd solid;
}

h2.project-name-box{
	border-bottom:1px ##ff3000 solid;
	margin-bottom:0px;
	margin-top:10px
}

.content-type{
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}

.content-left{
	float:left;
	font-size:1.2em;
	line-height:1.5em;
	margin-left:20px;
}

.content-right{
	float:right;
	font-size:1.2em;
	line-height:1.5em;
	margin-right:20px;
}

.pre-name-box{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:20px;
	color:#fff;
	text-shadow:
	
		
		0 3px 1px #000,
		0 0px 3px blue,
		0 1px 3px #000011,
		0 2px 3px blue,
		0 3px 5px #000,
		0 5px 7px #000;		
}

.shadow-backup{
	text-shadow:
		0 1px 0 #bbb,
		0 2px 0 #bbb,
		0 3px 0 #aaa,
		0 4px 0 #aaa,
		0 5px 0 #999,
		0 6px 1px #000,
		0 0px 3px #000,
		0 1px 3px #000,
		0 3px 5px #000,
		0 5px 10px #000,
		0 5px 20px #000;
}

.jumbotron{
	background-color:#aaa;
	border-top:1px #aaa solid;
	border-bottom:1px #aaa solid;
	padding:20px 0;
}

.articles_img{
	position: absolute; 
	z-index: 1; 
	opacity: 0;
}
.panel {
    margin-bottom: 1px;
}
.panel-login{
	
	margin-bottom:0px;
	margin-top:0px;
}

.js-required-field{
	border-color: #ffa8a8;
    background-color: #fff3f3;
}
div.dataTables_length{    
    padding-top:  0.5em;   
    padding-left: 5px;   
}

/*  footer   */

.footer{background:#336699;padding:0 0 40px 0;}

.page-footer{
	background: #fefefe;
	padding: 0 0 50px 0;
	border-top: 1px solid #eee;
}
	
}

.footer .ft_text{padding:15px 0 15px;}
.footer .ft_text h5{text-align:left;line-height:18px;color:#fff;}
.footer .ft_dot{text-align:center;margin:0 auto;overflow:hidden}
.footer .ft_dot img{/*margin:0 2px;*/}


span.icon-office{
	background-color: #a9d2fc;
	color: #fff;
}

span.icon-drug{
	background-color: #fed7d7;
	color: #2892fc;
}

span.icon-medical{
	background-color: #a9d2fc;
	color: #fff;
}

span.icon-logistics{
	background-color: #fed7d7;
	color: #2892fc;
}

span.icon-infrastructure{
	background-color: #a9d2fc;
	color: #fff;
}

.middle-label{
	padding: 6px 0px; 
}

/* Custom Styles */ 
    ul.custom-nav-tabs{ 
        width: 140px; 
        margin-top: 20px; 
        border-radius: 4px; 
        border: 1px solid #ddd; 
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); 
    } 
    ul.custom-nav-tabs li{ 
        margin: 0; 
        border-top: 1px solid #ddd; 
    } 
    ul.custom-nav-tabs li:first-child{ 
        border-top: none; 
    } 
    ul.custom-nav-tabs li a{ 
        margin: 0; 
        padding: 8px 4px; 
        border-radius: 0; 
    } 
    ul.custom-nav-tabs li.active a, ul.nav-tabs li.active a:hover, ul.nav-tabs li.active a:focus{ 
        color: #fff; 
        background: #0088cc; 
        border: 1px solid #0088cc; 
    } 
    ul.custom-nav-tabs li:first-child a{ 
        border-radius: 4px 4px 0 0; 
    } 
    ul.custom-nav-tabs li:last-child a{ 
        border-radius: 0 0 4px 4px; 
    } 
    ul.nav-tabs.affix{ 
        top: 30px; /* Set the top position of pinned element */ 
    } 
 
